<template>
	<view>
		<!-- 用于测试 -->
		<button type="primary">使用账号密码登录</button>
		<button type="primary" size="mini">使用账号密码登录</button>
		<button type="primary" size="mini" plain>使用账号密码登录</button>
		<button type="primary" plain class="block">使用账号密码登录</button>
		<button type="primary" disabled>使用账号密码登录</button>
	</view>
</template>

<script>
// components/button/button.js
export default {
    data() {
        return {};
    },
    /**
     * 组件的属性列表
     */
    props: {},
    /**
     * 组件的方法列表
     */
    methods: {}
};
</script>
<style>
button.block {
    width: 100% !important;
}
button[type='primary'] {
    background-color: #FF0025 !important;
    color: #fff !important;
}
button[type='primary'].button-hover {
    background-color: #B90024 !important;
}
button[plain][type='primary'] {
    background-color: transparent !important;
    color: #FF0025 !important;
    border: 1px solid #FF0025 !important;
}
button[plain][type='primary'].button-hover {
    background-color: #d8fffd !important;
}
button[disabled][type='primary'] {
    background-color: #b1d8d6 !important;
    color: #75a7a5 !important;
}
</style>
